<?php

include_once 'config.php';

	$sql = "select * from trunimg where type=2 order by orders"; 
	$query=mysql_query($sql);
	
?>




<!DOCTYPE>

<meta charset="utf-8">
<link rel="stylesheet" href="js/slides/css/global.css">
<script src="js/jquery-1.7.1.js"></script>
<script src="js/slides/slides.min.jquery.js"></script>


<script>
   $(document).ready(function(){

	   $('#slides').slides({
			preload: true,
			preloadImage: 'js/slides/img/loading.gif',
			play: 5000,
			pause: 2500,
			hoverPause: true,
			animationStart: function(current){
				$('.caption').animate({
					bottom:-35
				},100);
				if (window.console && console.log) {
					// example return of current slide number
					console.log('animationStart on slide: ', current);
				};
			},
			slidesLoaded: function() {
				$('.caption').animate({
					bottom:0
				},200);
			}
		});

	   });
</script>

<div id="container" >
		<div id="example" >
			
			<div id="slides" >
				<div class="slides_container">
				 <?php
				 	while($row=mysql_fetch_array($query)){
				 		
				 ?>
					<div class="slide">
						<a href=<?=$row['url']?> title="产品" target="_blank"><img src="<?=$row['path'] ?>" width="570" height="270" ></a>		
					</div>
					<?php }?>
					
				</div>
				<a href="#" class="prev"><img src="js/slides/img/arrow-prev.png" width="24" height="43" alt="Arrow Prev"></a>
				<a href="#" class="next"><img src="js/slides/img/arrow-next.png" width="24" height="43" alt="Arrow Next"></a>
			</div>
			<img src="js/slides/img/example-frame.png" width="739" height="341" alt="Example Frame" id="frame">
		</div>
		
	</div>
